<template>
  <div class="reply_popup">
    <van-popup v-model="reply_popup_show" position="bottom" :style="{ height: '100%' }">
      <!-- 顶部栏 -->
      <van-nav-bar title="标题" left-text="取消" left-arrow @click-left="onClickLeft" />

      <!-- 此时显示的为回复的列表 -->
      <comment-list :articleID="articleId" :commentList='arr' />
    </van-popup>
  </div>
</template>

<script>
import CommentList from "@/components/article/comment-list";
export default {
  name: "reply_popup",
  components: {
    CommentList,
  },
  data() {
    return {
      reply_popup_show: false,
      commentHuiFuList:[],
      arr:null
    };
  },
  props: {
    // 显示与关闭的状态
    articleId: {
      type: [String, Number, Object],
      required: true,
    },
    commentItem: {
      type: [Array],
      required: true, //必须有，，否则报错
    },
  },
  methods: {
    // 控制组件的显示与隐藏
    showReplyPopUp() {
      this.reply_popup_show = true;
    },

    // 获取评论回复的数据
    getCommentHuiFu() {},

    // 点击取消
    onClickLeft() {
      // 取消
      this.$emit("close");
      this.reply_popup_show = false;
    },
  },
  created() {},
};
</script>

<style lang='less' scoped>
</style>